<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div class="dingduan clearfix">
        <div class="pangtang">
            <img src="./img/胖糖.jpg" alt="">
            <div class="shouye fr ">
                <ul class="shouye1">
                    <a href="./1.html">
                        <li style="color: black;">首页</li>
                    </a>
                    <span style="position: absolute;top: 65px;left: 0px; color: gray   ;font-size: 17px;">home</span>
                    <a href="./2.html">
                        <li style="color: black;">游戏</li>
                    </a>
                    <span style="position: absolute; top: 65px;left: 125px;color: gray; font-size: 17px;">game</span>
                    <a href="./3.html">
                        <li style="color: black;">案例</li>
                    </a>
                    <span style="position: absolute; top: 65px;left: 260px;color: gray; font-size: 17px;">Case</span>
                    <a href="./4.html">
                        <li style="color: black;">关于我们</li>
                    </a>
                    <span style="position: absolute; top: 65px;left: 395px;color: gray; font-size: 17px;">About
                        us</span>
                    <li><img src="./img/微博.jpg" alt=""></li>
            </div>
        </div>
    </div>

        <div><img width="100%" src="./img/banner.png " alt=""></div>
        
        <div class="gerenzhongxin1">
            <span style="margin-left: 282px; font-size: 18px;">狂转游戏</span>
            <span style="margin-left: 60px; font-size: 18px;">抽奖游戏</span>
          </div>
          
        <div class="paixu">
            <span>ALL</span>
            <span>最新游戏</span>
            <span>最热游戏</span>
            <span>购买最多</span>
        </div>
        <div>
        <div class="dibu">
           <!--  <h2 class="game3">狂转游戏</h2>
            <p class="game4"><span style="font-weight: bold;">Turn</span> mad game </p>
            <p class="game5">潮流趣味游戏，引发全民G点，疯狂转发。<br>
                还不马上购买，植入你要传播的商品？</p> -->
            <div style="margin-top: 138px;" class="jizhan">
                <ul class="jizhan1">
                    <li><img src="./img/game1.png" alt=""></li>
                    <li><img src="./img/game2.png" alt=""></li>
                    <li><img src="./img/game3.png" alt=""></li>
                   
                </ul>
                <ul>
                    <li class="youximing1">
                        <h4>剑圣传奇</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing2">
                        <h4>PLAGUE LNC</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing3">
                        <h4>地狱边境</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                </ul>
             <!--    <div class="jiantou"><img src="../img/bg_arrow.png" alt=""></div> -->
                <div class="chi1"><img src="./img/图层 103.png" alt=""></div>
            </div>
        </div>
    </div>
    <div>
        <div class="dibu">
           <!--  <h2 class="game3">抽奖游戏</h2>
            <p class="game4"><span style="font-weight: bold;">Lottery</span> game </p>
            <p class="game5">形式各样抽奖游戏，引起全民尖叫，惊喜不断。<br>
                还不马上购买，植入你要传播的商品？</p> -->
            <div style="margin-top: 138px;" class="jizhan">
                <ul class="jizhan1">
                    <li><img src="./img/game4.png" alt=""></li>
                    <li><img src="./img/game5.png" alt=""></li>
                    <li><img src="./img/game6.png" alt=""></li>
                </ul>
                <ul>
                    <li class="youximing1">
                        <h4>功夫西游</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing2">
                        <h4>宝石迷阵</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                    <li class="youximing3">
                        <h4>植物大战僵尸</h4>
                        <p style="font-size: 14px;">2014-07-09 <br>
                            使用次数:20 <br>
                            ————
                        </p>
                        <a href="#">
                            <div class="xiaotubiao1">购买</div>
                            <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                        </a>
                    </li>
                </ul>
                <!-- <div class="shuiyu"><img src="../img/shuiyu.png" alt=""></div> -->
                <div class="shuiyu1"><img  src="./img/图层 104.png" alt=""></div>
            </div>
        </div>
        <div>
            <div class="dibu">
             <!--    <h2 class="game3">抽奖游戏</h2>
                <p class="game4"><span style="font-weight: bold;">Lottery</span> game </p>
                <p class="game5">形式各样抽奖游戏，引起全民尖叫，惊喜不断。<br>
                    还不马上购买，植入你要传播的商品？</p> -->
                <div  style="margin-top: 138px;" class="jizhan">
                    <ul class="jizhan1">
                        <li><img src="./img/game4.png" alt=""></li>
                        <li><img src="./img/game5.png" alt=""></li>
                        <li><img src="./img/game6.png" alt=""></li>
                    </ul>
                    <ul>
                        <li class="youximing1">
                            <h4>功夫西游</h4>
                            <p style="font-size: 14px;">2014-07-09 <br>
                                使用次数:20 <br>
                                ————
                            </p>
                            <a href="#">
                                <div class="xiaotubiao1">购买</div>
                                <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                            </a>
                        </li>
                        <li class="youximing2">
                            <h4>宝石迷阵</h4>
                            <p style="font-size: 14px;">2014-07-09 <br>
                                使用次数:20 <br>
                                ————
                            </p>
                            <a href="#">
                                <div class="xiaotubiao1">购买</div>
                                <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                            </a>
                        </li>
                        <li class="youximing3">
                            <h4>植物大战僵尸</h4>
                            <p style="font-size: 14px;">2014-07-09 <br>
                                使用次数:20 <br>
                                ————
                            </p>
                            <a href="#">
                                <div class="xiaotubiao1">购买</div>
                                <a class="shoucang"><img src="./img/五角星.png" alt=""></a>
                            </a>
                        </li>
                    </ul>
                    
                </div>
            </div>
            <div class="zhongyu">
                <div class="xiaoyu"><span style="position: absolute; right: 20px;">&lt;</span></div>
                <div style="text-align: center;" class="dilan">1 2 <span style="color: #11B2A3;">3</span> 4 5 6 ······ 12</div>
                <div class="dayu"><span style="position: absolute; right: 20px;">&gt;</span></div>
            </div>
        </div>
        <div class="zuidibu">
        <p class="banquan">2014 Pangtang. All Rights Reserved. 版权所有</p>  
       </div>
</body>
</html>